@(listChat: Html)

<!-- Sidebar -->
<div id="sidebar-wrapper">
    <nav id="spy">
        <ul class="sidebar-nav nav">
            <li class="sidebar-brand">
                <a href="@routes.Application.index()">
                	<img id="logo-img" src="@routes.Assets.at("images/logo.png")"/>
                	<span class="fa fa-home solo">Hồng Ngọc</span>
                </a>
               
            </li>
            <li>
                <a href="@routes.Admin.accesses()" data-scroll>
                    <i class="glyphicon glyphicon-lock solo"></i> Permissions
                </a>
            </li>
            <li>
                <a href="@routes.Admin.groups(0)" data-scroll>
                    <i class="glyphicon glyphicon-leaf solo"></i> Groups
                </a>
            </li>
            <li>
                <a href="@routes.Application.index()" data-scroll>
                    <i class="glyphicon glyphicon-comment solo"></i> Chat
                </a>
            </li>
        </ul>
    </nav>
    @listChat
    <div id="user-bar">
    	<a href="@routes.Application.logout()">
    		<i class="glyphicon glyphicon-off"></i>
    	</a>
    	<a href="@routes.Application.logout()">
    		<i class="glyphicon glyphicon-cog"></i>
    	</a>
    	<a type="button" data-toggle="collapse" href="#collapseOne" id="user-list-button">
    		<i class="glyphicon glyphicon-user"></i>
    	</a>
    	<div class="panel panel-primary"></div>
    </div>
</div>
